<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		.c1{

			height: 20px;
			width: 20px;
			border: 10px solid red;
			position: absolute;
			top: 200px;
			left: 400px;
			border-radius:50%; 
			box-shadow: 0px 0px 0px 10px green,
						0px 0px 0px 20px cyan,
						0px 0px 0px 30px pink,
						0px 0px 0px 40px purple,
						0px 0px 0px 50px blue,
						0px 0px 0px 60px red,
						0px 0px 0px 70px yellow;
						z-index: 11;


		}
		.c2{
			width: 20px;
			height: 300px;
			background-color: deeppink;
			position: relative;
			top: 139px;
			left: 325px;
			z-index: -11;
			transform: rotate(45deg	);
		}
	</style>
</head>
<body>
	<div class="c1"></div>
	<div class="c2"></div>
</body>
</html>